<html>
  <head>
    <meta name="layout" content="main" />
    <title>Login</title>
    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>         
  </head>
  <body>
  
    <div class="body">
      <br/>
      <g:if test="${flash.message}">
        <div class="message">${flash.message}</div>
      </g:if>
      <g:form action="authenticate" method="post" >
        
        <div align="center">
          <table>
            <tbody>    
				<h1><span class="label label-success">Login</span></h1>
              		<br/>
                  <label for="email">Email:
                  <input type="email" class="form-control" placeholder="Informe seu login..." id="email" name="email"/></label>
					               
              		<br/>
              
                  <label for="senha">Senha:
                  <input type="password" class="form-control" placeholder="Informe sua senha..." id="senha" name="senha"/></label>
          
            </tbody>
          
          </table>
          
          	<p align="center"><a href="http://localhost:8080/taxi/cliente/create">Registrar</a> </p>
          	<p align="center"><a href="http://localhost:8080/taxi/cliente/recuperar">Esqueceu sua senha</a> </p>
        	 <input class="btn btn-success" type="submit" value="Login" />
        </div>
        <!--  <div class="buttons">-->
          <!-- <span class="button"> -->
            <!--  <input class="save" type="submit" value="Login" />-->
          </span>
        </div>
      </g:form>
    </div>
    
  </body>
</html>